.box{
    width:800px;
    height: 500px;
    border:1px solid lawngreen;
}
/* 扫码二维码 */
.left{
    width: 145px;
    height: 200px;
    float: left;
    padding-top: 30px;
    padding-left:100px;
}
.w{text-align: center;}
.xian{
    width: 140px;
    background-color: #6FD1F4;

}
.wz{ 
    width: 150px;
    padding-right:50px;
    text-align: center;
    border-right: 1px solid #eee;
    }
.left span{
    color: #6FD1F4;
}
.dl{
    font-size:13px;
}

/* 密码短信登录 */
.right{
    width:350px;
    float:right;
    margin-right:90px;
    padding-top:45px;
}
.shang{
    justify-content: center;
    width:350px;
    padding-bottom: 20px;
    display: flex;
}
.login-option:hover {
   color: #6FD1F4;
  }
  .mima{
    width: 80px;
    margin-right: 20px;
    border-right: 1px solid #eee;
  }
.kk{
    width: 350px;
    height:80px;
    border:1px solid #eee;
    border-radius: 10px;
    flex-direction: column;
    display: flex;

}
input{
    border: none;
    width: 200px;
    padding-left: 15px;
}
input:focus{
    outline: none;
}
input[type="password"]::-ms-reveal{
    display:none
}
.zh{
    display: flex;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
    padding-left: 15px;
    padding-top: 10px;
}
.mi{
    display: flex;
    padding-top: 10px;
    padding-left: 15px;
}
.mi span{
    color: #6FD1F4;
    font-size: 13px;
}
.zcdl{
    width: 350px;
    display: flex;
    gap: 20px;
    margin: 20px 0 0 0;
}
.zc,.dll{
    width:200px;
    height: 35px;
    line-height:35px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #eee;
}
.zc1{
    background-color: #6FD1F4;
    margin: 0 auto;
}
.dll{
    color:white;
    background-color: #6FD1F4;
}

/* 其他登录方式 */
.qtdl{
    height: 100px;
    margin-top: 50px;
}
.fs{
    margin-top:70px;
    text-align: center;
}
.qita{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.dlfs{
    display: flex;
}
.dlfs img{
    width: 25px;
    height: 25px;
}
.dlfs span{
    font-size: 14px;
    margin-top:5px;
    margin-left: 5px;
    display: block;
}
.foot{
    clear: both;
    padding-top:20px;
    text-align: center;
}
.foot span{
    color: #6FD1F4;
}
.foot p{
   color:#A1A1A1;
}
 .right .shang .active{
    color: #6FD1F4;
}